<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,minimal-ui" />
        <title>足迹地图</title>
        <style type="text/css">
            /*右边*/
            .my-box{
                width: 100%;
                height: 100%;
            }
            .my-box-right{
                width: 100px;
                height: 100%;
                float: right;

            }
            .my-box-left{
                overflow: hidden;

                height: 100%;
            }
            /*左边*/
            .my-box-left2{
                width: 180px;
                height: 100%;
                float: left;

            }
            .my-box-right2{
                overflow: hidden;

                height: 100%;
            }
        </style>
    </head>
    <body>
        <div class="my-box">
            <div class="my-box-left2">
                <!--浮动的盒子优先显示-->
                <table border="1" class="table">
    <tr>
            <td><form action="http://localhost:5000/Foot0">

    <button>显示所有人足迹</button>

</form></td>

        </tr>
        <tr>
            <td><form action="http://localhost:5000/Foot1">

    <button>曹先宇的足迹</button>

</form></td>

        </tr>
        <tr>
            <td><form action="http://localhost:5000/Foot2">

    <button>李璋晖的足迹</button>

</form></td>

        </tr>
                     <tr>
            <td><form action="http://localhost:5000/Foot0">

    <button>插入新的足迹</button>

</form></td>

        </tr>
           <tr>
            <td><form action="http://localhost:5000/Foot0">

    <button>按名称搜索足迹</button>

</form></td>

        </tr>
                     <tr>
            <td><form action="http://localhost:5000/Foot0">

    <button>高亮显示足迹</button>

</form></td>

        </tr>
    </table>
            </div>
            <div class="my-box-right2">
<iframe src="https://gitee.com/?msclkid=b66cae42bc5111ec983b9dd37a13772d" width="100%" height="100%"></iframe>
            </div>
        </div>
    </body>
</html>
